<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>list</title>
	<link rel="stylesheet" href="../common/css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/layout.css">
	<link rel="stylesheet" type="text/css" href="css/list.css">
	
</head>
<body>
	<!-- 页眉部分 -->
	<div class="header clearfloat">
       <div class="container">
            <div class="header-left">
                Hi，欢迎来到至爱空间！  登录 <span></span> 退出
            </div>
            <div class="header-right">
                我的订单 <span></span> 会员俱乐部 <span></span> 手机商城 <span></span> 客户服务 <span></span> 网站导航
            </div>
        </div>
    </div>
    <div class="container"> <!-- 给接下来的所有正文内容一个居中容器 -->
    	<div class="beloved">
             <div class="logo">
                 <img src="images/beloved.png" alt="logo">
                 <img src="images/love.png" alt=logo-back"">
             </div>
             <form id="form1" action="#" method="get">
                <div class="srh">
                    <select>
                        <option>商品</option>
                        <option>商品</option>
                        <option>商品</option>
                    </select>
                     <input type="text" id="text" name="text" placeholder="商品关键词">
                     <p class="roll">英菲尼迪  宝马  雅诗兰黛</p>
                     <input type="submit" id="search" name="search" value="">

                </div>
                <div class="shop">
                     <select>
                         <option>我的商城</option>
                         <option>我的商城</option>
                     </select>
                     <select id="shop-select2">
                         <option>购物车</option>
                         <option>购物车</option>
                     </select>
                </div>
             </form>
         </div>
         <div class="nav">
             <ul>
                 <li>商城首页</li>
                 <li>红 酒</li>
                 <li>家 电</li>
                 <li>数 码</li>
                 <li>汽 车</li>
                 <li>手 机</li>
                 <li>电 脑</li>
                 <li>美 妆</li>
             </ul>
         </div>
         <div class="condition-title">
         	<div class="location">
         		<div class="wine">
         			当前位置：红酒 <span id="brand">品牌：拉菲</span>
         		</div>        		 
         		 <div id="condition-search">
	         		 <input type="text" name="textarra" placeholder="在当前条件下搜索">
	         		 <input type="submit" name="search" value=""> 
         		 </div>     		 
         	</div> 
         	<span class="sum">共 <b>589</b> 件相关商品</span>       	 	
         </div>
         <div class="condition">
         	 <p><span>国 家</span>全部   法国   澳大利亚   智利   意大利   德国   南非   美国   西班牙   阿根廷   匈牙利   奥地利   加拿大   葡萄牙   新西兰</p>
         	 <p><span>价 格</span>全部   1-199   200-299   300-499   500-799   800-999   1000-1999   2000-20000</p>
         	 <p><span>用 途</span>全部   聚会宴请   自饮品尝   收藏投资   商务往来   礼品馈赠   女士最爱   入门之选</p>
         	 <p><span>类 型</span>全部   干白葡萄酒   红葡萄酒   起泡酒   甜点酒   加强型葡萄酒</p>
         	 <p><span>品 牌</span>全部   黄尾袋鼠   奔富   洛神   拉菲    红魔鬼    彼得利蒙    小企鹅    卡尔通安德烈    蒙特斯    卢士涛    杰卡斯    埃德华兹   凯隆世家   亨利吉霍 更多</p>
         </div>
         <div class="more clearfloat"><span>更多选项</span> </div>
         <div class="goods-title clearfloat">
         	<span class="all">全部商品</span>
         	<div class="next">
         		<span>1/102</span>
         		<button>&#60</button> 
         		<button>下一页 &#62</button> 
         	</div> 
         </div>
         <p class="goods-sort clearfloat">
         	<span id="default">默认</span><span>最新</span><span>销量</span><span>价格</span>
         </p>
         <div class="goods clearfloat">
            <!-- 第一行 -->
         	<div class="cell new">
         		<img src="images/goods-1.gif">
         		<div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
	         		<div class="cell-text clearfloat">
	         			<span class="price">¥<b>290.0</b></span>
	         			<span class="store">有5家微店有售</span>
	         		</div>
	         		<p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
         		</div>
         	</div>
         	<div class="cell new">
         		<img src="images/goods-2.gif">
         		<div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
	         		<div class="cell-text clearfloat">
	         			<span class="price">¥<b>290.0</b></span>
	         			<span class="store">有5家微店有售</span>
	         		</div>
	         		<p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
         		</div>
         	</div>
         	<div class="cell hot">
         		<img src="images/goods-3.gif">
         		<div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
	         		<div class="cell-text clearfloat">
	         			<span class="price">¥<b>390.0</b> <del>原价 780.0</del></span>
	         			<span class="store">有5家微店有售</span>
	         		</div>
	         		<p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
         		</div>
         	</div>
         	<div class="cell hot">
         		<img src="images/goods-4.gif">
         		<div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
	         		<div class="cell-text clearfloat">
	         			<span class="price">¥<b>290.0</b> 特价5折</span>
	         			<span class="store">有5家微店有售</span>
	         		</div>
	         		<p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
         		</div>
         	</div>
            <!-- 第二行 -->
         	<div class="cell new">
                <img src="images/goods-1.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell new">
                <img src="images/goods-2.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell hot">
                <img src="images/goods-3.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>390.0</b> <del>原价 780.0</del></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell hot">
                <img src="images/goods-4.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b> 特价5折</span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <!-- 第三行 -->
            <div class="cell new">
                <img src="images/goods-1.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell new">
                <img src="images/goods-2.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell hot">
                <img src="images/goods-3.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>390.0</b> <del>原价 780.0</del></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell hot">
                <img src="images/goods-4.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b> 特价5折</span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <!-- 第四行 -->
            <div class="cell new">
                <img src="images/goods-1.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell new">
                <img src="images/goods-2.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell hot">
                <img src="images/goods-3.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>390.0</b> <del>原价 780.0</del></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell hot">
                <img src="images/goods-4.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b> 特价5折</span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <!-- 第五行 -->
            <div class="cell new">
                <img src="images/goods-1.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell new">
                <img src="images/goods-2.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell hot">
                <img src="images/goods-3.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>390.0</b> <del>原价 780.0</del></span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
            <div class="cell hot">
                <img src="images/goods-4.gif">
                <div class="cell-text-container">
                    <div class="shopping">
                        <span class="buy">立即购买</span>
                        <span class="add">加购物车</span> 
                     </div>
                    <div class="cell-text clearfloat">
                        <span class="price">¥<b>290.0</b> 特价5折</span>
                        <span class="store">有5家微店有售</span>
                    </div>
                    <p>圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
                </div>
            </div>
         	<div class="more-goods">往下拉不停的出现更多的的产品</div>

         </div> <!-- goods的结束标签 -->            	                
    </div>  <!-- 居中容器结尾 -->
	<div class="footer">   <!-- 页脚部分 -->
		<div class="footer-container">  <!-- 实现footer内容居中用 -->
			<div class="footer-search">
				<input type="text" placeholder="搜索您感兴趣的商品">
				<input type="submit" value="">
                <p class="roll">英菲尼迪  宝马  雅诗兰黛</p>
			</div>
			<div class="footer-shoppingcart">
				<span id="footer-cart">购物车</span>
                <img src="images/footer-cart-num.gif">
                <span class="line">|</span>
				<span id="footer-sum"> <span>合计</span> 1860.0</span>
			</div>
		</div>
	</div> <!-- footer结束标签 -->
</body>
</html>